import {
    fontStyleConst,
    textDecorationConst,
} from '@/visual/commons/consts/dashboard-const';

/**
 * 可视化组件分组
 */

export const visualComponentGroup = {
    base: {
        value: 'base',
        label: '基础',
        icon: 'SvgIconBaseComp'
    },
    advanced: {
        value: 'advanced',
        label: '高级',
        icon: 'SvgIconAdvancedComp'
    },
    chart: {
        value: 'chart',
        label: '图表',
        icon: 'PieChartOutlined'
    },
    group: {
        value: 'group',
        label: '图层',
        icon: 'SvgIconLayer'
    },
    collection: {
        value: 'collection',
        label: '收藏',
        icon: 'StarOutlined'
    },
};

/**
 * 可视化默认组件配置
 */
export const visualComponentConfig = {
    options: {
        componentDimensions: {
            width: 150,
            height: 150,
        },
        componentPosition: {
            top: 1,
            left: 1,
        },
        styleProps: {
            backgroundColor: 'rgba(0,0,0,0)',
            backgroundImage: '',
            backgroundRepeat: 'no-repeat',
            backgroundSize: ['100%', '100%'],
            backgroundPosition: ['0%', '0%'],
            borderTop: {
                color: 'rgba(237,238,233,1)',
                width: 0,
                style: 'solid',
            },
            borderBottom: {
                color: 'rgba(237,238,233,1)',
                width: 0,
                style: 'solid',
            },
            borderLeft: {
                color: 'rgba(237,238,233,1)',
                width: 0,
                style: 'solid',
            },
            borderRight: {
                color: 'rgba(237,238,233,1)',
                width: 0,
                style: 'solid',
            },
            transformRotate: 0,
            transformScale: 0,
            fontSize: 14,
            color: 'rgba(255,255,255,1)',
            fontStyle: fontStyleConst.normal,
            fontWeight: 400,
            textDecoration: textDecorationConst.none,
            textShadowList: [],
        },
    },
};